<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="font/iconfont.css">
</head>

<body>
    <!-- ============================头部======================== -->
    <div class="header"></div>
   <div class="top1">
        <div class="scrollheader center">
            <div class="shoplist">
               <a href="#">全部商品分类</a>
               <div class="goodslist ">
                   <ul>
                       <li><a href=""><img src="img/errorImg.png" alt=""><span class="s1">休闲食品</span></a>
                           <div class="List">
                           </div>
                       </li>
                       <li><a href=""><span class="iconfont icon-dingdan"></span><span class="s1">粮油调味</span></a>
                           <div class="List">
                           </div>
                       </li>
                       <li><a href=""><img src="img/errorImg.png" alt=""><span class="s1">坚果零食</span></a>
                           <div class="List">
       
                           </div>
                       </li>
                       <li><a href=""><span class="iconfont icon-pingguo"></span><span class="s1">干果干菜</span></a>
                           <div class="List">
       
                           </div>
                       </li>
                       <li><a href=""><img src="img/errorImg.png" alt=""><span class="s1">米面杂粮</span></a>
                           <div class="List">
       
                           </div>
                       </li>
                       <li><a href=""><span class="iconfont icon-shipinyinliao"></span><span class="s1">饮料茶叶</span></a>
                           <div class="List">
       
                           </div>
                       </li>
                       <li><a href=""><img src="img/errorImg.png" alt=""><span class="s1">团购专区</span></a>
                           <div class="List">
       
                           </div>
                       </li>
                   </ul>
       
               </div>
           </div>
           <div class="search">
               <div class="shang">
                   <input type="text" name="" id="" placeholder="  杂粮">
                   <button class="but1">搜商品</button>
                   <button class="but2">搜店铺</button>
               </div>
           </div>
           <div class="denglu">
               <ul>
                   <li><a href="#">登录</a></li>
                   <li class="tiao"></li>
                   <li><a href="#">注册</a></li>
               </ul>
       
           </div>
           <div class="scrollcar">
               <a href=""><span class="iconfont icon-gouwuche"></span>
           </div>
           </div>
    </div>  
          
    <!-- =============================内容 =========================-->
    <!-- =======导航========= -->
    <div class="banner">
        <div class=" but center">
            <input id="btn-previous" type="button" value="<" />
            <input id="btn-next" type="button" value=">" />
            <ul class="banner-ul">
                <li class="li1"></li>
                <li class="li1"></li>
                <li class="li1"></li>
                <li class="li1"></li>
            </ul>
            <div class="vip">
                <div class="shang">
                    <img src="img/avatar.png" alt="">
                    <p>Hi,欢迎来到豫扶</p>
                        <button class="btn1" id="btn-title"><a href="register.html">请登录</a></button>
                        <button class="btn2"><a href="zhuce.html">注册</a></button>
                   
                </div>
                <div class="zhong">
                    <div class="te">快捷入口 </div>
                </div>
                <div class="xia">
                    <ul>
                        <li>
                            <a href=""><span class="iconfont icon-icon"></span>
                                <span class="text">我的浏览</span></a>
                        </li>
                        <li>
                            <a href=""><span class="iconfont icon-shoucang"></span>
                                <span class="text">我的收藏</span></a>
                        </li>
                        <li>
                            <a href=""><span class="iconfont icon-dingdan"></span>
                                <span class="text">我的订单</span></a>
                        </li>
                        <li>
                            <a href=""><span class="iconfont icon-zhanghaoanquan
                                "></span>
                                <span class="text">账号安全</span></a>
                        </li>
                        <li>
                            <a href=""><span class="iconfont icon-huiyuanzhongxin"></span>
                                <span class="text">会员中心</span></a>
                        </li>
                        <li>
                            <a href=""><span class="iconfont icon-lianxiwomen"></span>
                                <span class="text">联系我们</span></a>
                        </li>

                    </ul>

                </div>

            </div>

        </div>

    </div>
    <!--=================== 侧边栏=========================== -->
    <div class="cemian">
        <div class="flex-menue-left">
            <div class="tiao">
                <ul>
                    <a href=""><li><span class="iconfont icon-huiyuanzhongxin"></span></li></a>
                    <a href=""><li class="li2"></li></a>
                    <a href=""> <li class="li3" id="car">
                        <span class="iconfont icon-gouwuche"></span>
                        <span class="text" >购物车</span>
                        <span class="num">0</span>
                    </li></a>
                    <a href=""><li class="li2"></li></a>
                    <a href=""> <li><span class="iconfont icon-dingdan"></span></li></a>
                    <a href=""><li><span class="iconfont icon-shoucang"></span></li></a>
                    <a href=""> <li><span class="iconfont icon-zhanghaoanquan"></span></li></a>
                    <a href=""><li><span class="iconfont icon-icon"></span></li></a>
                    <a href=""> <li><span class="iconfont icon-zhanghaoanquan "></span></li></a>
                    <a href=""> <li><span class="iconfont icon-lianxiwomen "></span></li></a>
                </ul>
            </div>
        </div>
        <div class="shopcar2">
            <div class="shopcar2-top">
              <a href="">
                <h3>购物车</h3>
                <span id="closecar">X</span>
              </a>
            </div>
            <div class="shopcar2-zhong">
              <img src="img/errorImg.png" alt="">
            </div>
            <div class="shopcar2-bottom">
                <span class="s1">共<i>0</i>件产品</span>
                <span class="s2">￥0.00</span>
                <div class="but"><a href="">去购物车结算</a></div>

            </div>
        </div>
    </div>
    
    <div class="flex-menue-right">

    </div>
    <!-- =========团购========== -->
    <div class="allbuy center">
        <div class="title">
            <h3>团购</h3>
        </div>
        <div class="allbuy-list">
            <ul>
                <li><img src="img/1504_thumb_G_1633718090802.jpg" alt="">
                    <p>豫扶五谷杂粮3.1kg</p>
                    <span class="s1">￥78.00</span>
                    <del class="s2">￥105.00</del>
                </li>
                <li><img src="img/1505_thumb_G_1633718069277.jpg" alt="">
                    <p>豫扶五谷杂粮3.1kg</p>
                    <span class="s1">￥78.00</span>
                    <del class="s2">￥93.00</del>
                </li>
                <li><img src="img/1506_thumb_G_1633718037302.jpg" alt="">
                    <p>太行山小米3.1kg</p>
                    <span class="s1">￥78.00</span>
                    <del class="s2">￥93.00</del>
                </li>
                <li><img src="img/1507_thumb_G_1633718014562.jpg" alt="">
                    <p>特产小米3.1kg</p>
                    <span class="s1">￥102.00</span>
                    <del class="s2">￥93.00</del>
                </li>
                <li><img src="img/1618_thumb_G_1633735886196.jpg" alt="">
                    <p>豫扶绿色香菇3.1kg</p>
                    <span class="s1">￥79.00</span>
                    <del class="s2">￥93.00</del>
                </li>
                <li><img src="img/1515_thumb_G_1633717870256.jpg" alt="">
                    <p>红泥缠丝鸭蛋26枚</p>
                    <span class="s1">￥68.00</span>
                    <del class="s2">￥93.00</del>
                </li>
                <li><img src="img/1518_thumb_G_1637804389635.jpg" alt="">
                    <p>五香牛肉礼盒</p>
                    <span class="s1">￥218.00</span>
                    <del class="s2">￥262.00</del>
                </li>
                <li><img src="img/1521_thumb_G_1633717989287.jpg" alt="">
                    <p>豫扶五香牛肉300g</p>
                    <span class="s1">￥78.00</span>
                    <del class="s2">￥93.00</del>
                </li>
                <li><img src="img/1522_thumb_G_1633717946787.jpg" alt="">
                    <p>松鼠日记椒盐核桃1000g</p>
                    <span class="s1">￥78.00</span>
                    <del class="s2">￥93.00</del>
                </li>
                <li><img src="img/1573_thumb_G_1633733971411.jpg" alt="">
                    <p>河智云香糯米100g*4</p>
                    <span class="s1">￥64.00</span>
                    <del class="s2">￥100.00</del>
                </li>
            </ul>

        </div>
        <!-- ========米面粮油============ -->
        <div class="floor-title">
            <div class="floor-title-con">
                <div class="left-arrow"></div>
                <h3>米面杂粮</h3>
                <div class="right-arrow"></div>
            </div>
            <div class="mimianlist">
                <div class="left">
                    <img src="img/7_P_1627340253955.jpg" alt="">
                </div>
                <div class="right">
                    <ul>
                        <li><img src="img/1504_thumb_G_1633718090802.jpg" alt="">
                            <p>豫扶五谷杂粮3.1kg</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1505_thumb_G_1633718069277.jpg" alt="">
                            <p>豫扶五谷杂粮3.1kg</p>
                            <span class="s1">￥78.00</span>
                        </li>
                        <li><img src="img/1506_thumb_G_1633718037302.jpg" alt="">
                            <p>太行山小米3.1kg</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1507_thumb_G_1633718014562.jpg" alt="">
                            <p>特产小米3.1kg</p>
                            <span class="s1">￥102.00</span>

                        </li>
                        <li class="li5"><img src="img/1618_thumb_G_1633735886196.jpg" alt="">
                            <p>豫扶绿色香菇3.1kg</p>
                            <span class="s1">￥79.00</span>

                        </li>
                        <li><img src="img/1515_thumb_G_1633717870256.jpg" alt="">
                            <p>红泥缠丝鸭蛋26枚</p>
                            <span class="s1">￥68.00</span>

                        </li>
                        <li><img src="img/1518_thumb_G_1637804389635.jpg" alt="">
                            <p>五香牛肉礼盒</p>
                            <span class="s1">￥218.00</span>

                        </li>
                        <li><img src="img/1521_thumb_G_1633717989287.jpg" alt="">
                            <p>豫扶五香牛肉300g</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1522_thumb_G_1633717946787.jpg" alt="">
                            <p>松鼠日记椒盐核桃1000g</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1573_thumb_G_1633733971411.jpg" alt="">
                            <p>河智云香糯米100g*4</p>
                            <span class="s1">￥64.00</span>
                        </li>
                    </ul>

                </div>

            </div>
        </div>
        <!-- ========坚果零食============ -->
        <div class="floor-title">
            <div class="floor-title-con">
                <div class="left-arrow"></div>
                <h3>坚果零食</h3>
                <div class="right-arrow"></div>
            </div>
            <div class="mimianlist">
                <div class="left2">
                    <img src="img/7_P_1627408429968.jpg" alt="">
                </div>
                <div class="right">
                    <ul>
                        <li><img src="img/1504_thumb_G_1633718090802.jpg" alt="">
                            <p>豫扶五谷杂粮3.1kg</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1505_thumb_G_1633718069277.jpg" alt="">
                            <p>豫扶五谷杂粮3.1kg</p>
                            <span class="s1">￥78.00</span>
                        </li>
                        <li><img src="img/1506_thumb_G_1633718037302.jpg" alt="">
                            <p>太行山小米3.1kg</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1507_thumb_G_1633718014562.jpg" alt="">
                            <p>特产小米3.1kg</p>
                            <span class="s1">￥102.00</span>

                        </li>
                        <li class="li5"><img src="img/1618_thumb_G_1633735886196.jpg" alt="">
                            <p>豫扶绿色香菇3.1kg</p>
                            <span class="s1">￥79.00</span>

                        </li>
                        <li><img src="img/1515_thumb_G_1633717870256.jpg" alt="">
                            <p>红泥缠丝鸭蛋26枚</p>
                            <span class="s1">￥68.00</span>

                        </li>
                        <li><img src="img/1518_thumb_G_1637804389635.jpg" alt="">
                            <p>五香牛肉礼盒</p>
                            <span class="s1">￥218.00</span>

                        </li>
                        <li><img src="img/1521_thumb_G_1633717989287.jpg" alt="">
                            <p>豫扶五香牛肉300g</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1522_thumb_G_1633717946787.jpg" alt="">
                            <p>松鼠日记椒盐核桃1000g</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1573_thumb_G_1633733971411.jpg" alt="">
                            <p>河智云香糯米100g*4</p>
                            <span class="s1">￥64.00</span>
                        </li>
                    </ul>

                </div>

            </div>
        </div>
        <!-- ========干果干菜============ -->
        <div class="floor-title">
            <div class="floor-title-con">
                <div class="left-arrow"></div>
                <h3>干果干菜</h3>
                <div class="right-arrow"></div>
            </div>
            <div class="mimianlist">
                <div class="left">
                    <img src="img/7_P_1627342110917.jpg" alt="">
                </div>
                <div class="right">
                    <ul>
                        <li><img src="img/1504_thumb_G_1633718090802.jpg" alt="">
                            <p>豫扶五谷杂粮3.1kg</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1505_thumb_G_1633718069277.jpg" alt="">
                            <p>豫扶五谷杂粮3.1kg</p>
                            <span class="s1">￥78.00</span>
                        </li>
                        <li><img src="img/1506_thumb_G_1633718037302.jpg" alt="">
                            <p>太行山小米3.1kg</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1507_thumb_G_1633718014562.jpg" alt="">
                            <p>特产小米3.1kg</p>
                            <span class="s1">￥102.00</span>

                        </li>
                        <li class="li5"><img src="img/1618_thumb_G_1633735886196.jpg" alt="">
                            <p>豫扶绿色香菇3.1kg</p>
                            <span class="s1">￥79.00</span>

                        </li>
                        <li><img src="img/1515_thumb_G_1633717870256.jpg" alt="">
                            <p>红泥缠丝鸭蛋26枚</p>
                            <span class="s1">￥68.00</span>

                        </li>
                        <li><img src="img/1518_thumb_G_1637804389635.jpg" alt="">
                            <p>五香牛肉礼盒</p>
                            <span class="s1">￥218.00</span>

                        </li>
                        <li><img src="img/1521_thumb_G_1633717989287.jpg" alt="">
                            <p>豫扶五香牛肉300g</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1522_thumb_G_1633717946787.jpg" alt="">
                            <p>松鼠日记椒盐核桃1000g</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1573_thumb_G_1633733971411.jpg" alt="">
                            <p>河智云香糯米100g*4</p>
                            <span class="s1">￥64.00</span>
                        </li>
                    </ul>

                </div>

            </div>
        </div>
        <!-- ========休闲零食============ -->
        <div class="floor-title floor-last">
            <div class="floor-title-con">
                <div class="left-arrow"></div>
                <h3>休闲零食</h3>
                <div class="right-arrow"></div>
            </div>
            <div class="mimianlist">
                <div class="left">
                    <img src="img/7_P_1627409551185.jpg" alt="">
                </div>
                <div class="right">
                    <ul>
                        <li><img src="img/1504_thumb_G_1633718090802.jpg" alt="">
                            <p>豫扶五谷杂粮3.1kg</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1505_thumb_G_1633718069277.jpg" alt="">
                            <p>豫扶五谷杂粮3.1kg</p>
                            <span class="s1">￥78.00</span>
                        </li>
                        <li><img src="img/1506_thumb_G_1633718037302.jpg" alt="">
                            <p>太行山小米3.1kg</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1507_thumb_G_1633718014562.jpg" alt="">
                            <p>特产小米3.1kg</p>
                            <span class="s1">￥102.00</span>

                        </li>
                        <li class="li5"><img src="img/1618_thumb_G_1633735886196.jpg" alt="">
                            <p>豫扶绿色香菇3.1kg</p>
                            <span class="s1">￥79.00</span>

                        </li>
                        <li><img src="img/1515_thumb_G_1633717870256.jpg" alt="">
                            <p>红泥缠丝鸭蛋26枚</p>
                            <span class="s1">￥68.00</span>

                        </li>
                        <li><img src="img/1518_thumb_G_1637804389635.jpg" alt="">
                            <p>五香牛肉礼盒</p>
                            <span class="s1">￥218.00</span>

                        </li>
                        <li><img src="img/1521_thumb_G_1633717989287.jpg" alt="">
                            <p>豫扶五香牛肉300g</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1522_thumb_G_1633717946787.jpg" alt="">
                            <p>松鼠日记椒盐核桃1000g</p>
                            <span class="s1">￥78.00</span>

                        </li>
                        <li><img src="img/1573_thumb_G_1633733971411.jpg" alt="">
                            <p>河智云香糯米100g*4</p>
                            <span class="s1">￥64.00</span>
                        </li>
                    </ul>

                </div>

            </div>
        </div>

    </div>
    <!-- ===========================底部 =============================-->
    <footer></footer>
</body>

</html>

<script src="js/jQuery.js"></script>


<script>
    $(".header").load("header.html");
    $("footer").load("fotter.html");


    // window.onscroll = function(){
    //     var top2 = document.body.scrollTop || document.documentElement.scrollTop;
    //     console.log(top2);
    // }

//     $(window).scroll(function() {
//         console.log($(this).scrollTop());
//   if ($(this).scrollTop() > 300) {
//    $(".top1").css({
//     position: "sticky",
//     top: 0,
//     zIndex: 99,
//    });
//   } else {
//    $(".top1").css({
//     display:"none"
//    });
//   }
//  });


</script>
<script src="js/index.js"></script>
<script src="js/cookie.js"></script>
<script src="js/register.js"></script>
<!-- <script src="js/cookie.js"></script> -->
<script>

    if (getCookie("userna") != "") {
        // console.log(111);
        $(".shang p").html("你好，刘理理"),
        $(".shang p").css({
            color:"red",
            fontSize:18,
            marginLeft:45
        });
        $(".btn1").css({
            display:"none"
        })
        $(".btn2").css({
            display:"none"
        })
        
        // location.href("index.html")
    } 

</script>